<script setup> // 在script标签中使用了setup后，就相当于下面注释的内容，下面的内容是重复的，在标签中使用setup语法糖可以简写
  import { ref } from 'vue';

  // export default{
  //   setup(){
      let count = ref(1)

      function countInc(){
        count.value++
      }

      function countDesc(){
        count.value--
      }

  //     return{
  //       count,
  //       countInc,
  //       countDesc
  //     }
  //   }
  // }

</script>

<template>
  <div>
    <button @click="countInc()">+</button>
    <span v-text="count"></span>
    <button @click="countDesc()">-</button>
  </div>
</template>

<style scoped>

</style>
